import React from 'react'
import { useSelector } from "react-redux"
function ShowHeader() {
    let store = useSelector(state => ({ ...state.reducer }))
    console.log(store, "storre");
    return (
        <div className='headerwrap'>
            <div className='headerCard'>
               
                      <div className='imgwrap'>
                    <img src={store.logininfo.img} alt="" width="100%" height="100%" />


               
                </div>
              
                <div style={{textAlign:"center"}}>{store.logininfo.name}</div>
                <div style={{textAlign:"center"}}>{store.logininfo.job}</div>
            </div>
        </div>
    )
}

export default ShowHeader